<html>
    <head>
        <title>Login to BuzzPulse</title>
        <link type="text/css" rel="stylesheet" href="CSS/Desktop/login.css">
        <script type="text/javascript" src="JS/Desktop/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="JS/Desktop/jquery.countdown.js"></script>
        <style>
            #counter {
                display: block;
                margin: 0 auto;
                width: 348px;
                margin-top: 20px;
            }
            .cntSeparator {
                font-size: 41pt;
            }
        </style>
    </head>
    <body>
        <div class="login-container">
            <a href="#" class="logo">
                <img class="logoimage" src="Images/logo_beta.png" witdh="250px">
            </a>
            <p style="margin-bottom: 0;">Dear our Valued Clients,</p>
            <p style="margin-bottom: 0;">We are having a system maintenance and upgrade from 9AM to 11AM. The system will be back to normal operation afterwards.</p>
            <p style="margin-bottom: 0;">Thank you and sorry for any inconvenience.</p>
        </div>
        <div id="counter"></div>
        <script>
            $(function() {
                var now = new Date();
                var avaTime = new Date();
                avaTime.setHours(11);
                avaTime.setMinutes(0);
                avaTime.setSeconds(0);
                var seconds = Math.round((avaTime.getTime() - now.getTime()) / 1000);
                var hour = String("0" + parseInt(seconds / 3600)).slice(-2);
                var minute = String("0" + parseInt(seconds % 3600 / 60)).slice(-2);
                var second = String("0" + parseInt(seconds % 3600 % 60)).slice(-2);
                $('#counter').countdown({
                    image: 'Images/digits.png',
                    startTime: hour + ':' + minute + ':' + second,
                    timerEnd: function(){ window.location.reload(true); }
                });
            });
        </script>
    </body>
</html>